import { appVueContent } from "./appVueContent";
import { indexHtmlContent } from "./indexHtmlContent";
import { mainTsContent } from "./mainTsContent";
import { packageJsonContent } from "./packageJsonContent";
import { tsconfigJsonContent } from "./tsconfigJsonContent";
import { tsconfigNodeJsonContent } from "./tsconfigNodeJsonContent";
import { viteConfigJsonContent } from "./viteConfigJsonContent";

/** 这个则是真实的 web ContainerAPI FileSystemTree 文件系统的mock 数据，
 * 直接拿这个去 setTree 就可以引起 fileTree 的变化，
 * 也能真实的读取文件内容 可以用于默认初始化一些文件结构
 */
export const FileSystemTreeMock = {
  src: {
    directory: {
      "App.vue": { file: { contents: appVueContent } },
      "main.ts": { file: { contents: mainTsContent } },
    },
  },
  "package.json": { file: { contents: packageJsonContent } },
  "index.html": { file: { contents: indexHtmlContent } },
  "tsconfig.json": { file: { contents: tsconfigJsonContent } },
  "tsconfig.node.json": { file: { contents: tsconfigNodeJsonContent } },
  "vite.config.ts": { file: { contents: viteConfigJsonContent } },
};
